<template>
  <div class="sidebar d-lg-block">
    <the-nav></the-nav>
  </div>
  <main class="width-full">
    <div class="p-5 markdown-body">
      <router-view></router-view>
    </div>
    <the-footer></the-footer>
  </main>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import TheNav from '../components/TheNav.vue';
import TheFooter from '../components/TheFooter.vue';
export default defineComponent({
  name: 'TheFrame',
  components: {
    TheNav,
    TheFooter
  }
});
</script>
